<template>
  <div id="app">
    <router-view v-if="isRouterAlive" />
  </div>
</template>

<script>
  export default {
    name: 'App',
		provide(){
			return{
				reload:this.reload
			}
		},
		data(){
			return{
				isRouterAlive:true
			}
		},
		methods:{
			reload(){
				this.isRouterAlive = false
				this.$nextTick(()=>{
					this.isRouterAlive=true
				})
			}
		}
  };
</script>

<style>
  /* @import 'http://at.alicdn.com/t/font_845990_4tukxv04al9.css';
	@import '//at.alicdn.com/t/font_2114483_zf5g71dhxs.css'; */
  @import url("./utils/iconfont.css");
  * {
    padding: 0;
    margin: 0;
  }

  li {
    list-style: none;
  }

  input {
    outline: none;
  }

  #app {
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    font-size: 14px;
  }

  .color_409EFF {
    color: #409eff;
  }

  .main .el-scrollbar__wrap {
    overflow-x: hidden;
  }

  #customSubmenu>.el-submenu .el-submenu__title {
    height: 40px;
    line-height: 40px;
    padding: 0;
  }

  #tableBox .el-card__body {
    padding: 0;
  }

  .customClass .el-dialog__body {
    padding: 0 20px 30px;
  }
</style>
